import React from 'react'
import { Tabs } from 'antd'
import style from './index.module.less'
import { usetApplyForAuditContext } from './context'
import storeData from './hooks/index'
import TopComponent from './components/joinAduit/top/index'
// import Examine from './components/joinAduitApplyFor/index'

export default () => {
  const store = storeData()
  const arr = [
    { key: '1', children: <TopComponent />, label: '申请加入审核' },
    // { key: '2', children: '2', label: '申请解冻审核' },
  ]
  return (
    <usetApplyForAuditContext.Provider value={store}>
      <div className={style.UsetApplyForAuditrBox}>
        <div className={style.center}>
          <Tabs
            defaultActiveKey={arr[0].key}
            // onChange={onChange}
            items={arr}
          />
        </div>
        {/* <Examine style={{ display: 'none' }} /> */}
        {/* <CityModal /> */}
      </div>
    </usetApplyForAuditContext.Provider>
  )
}
